<template>
	<view>
       <view class="data-top">
       	<u-steps :list="numList"  mode="number" :current="num"></u-steps>
       </view>
	   
	   <view class="row mt-3">
	     	<text class="txt">车牌号</text>
	   	<input class="inputs"  type="text" disabled placeholder="选择车辆" />
	     </view>
	   <view class="row">
	   	<text class="txt">联系人</text>
	   		<input class="inputs" type="text" placeholder="请输入车主姓名" />
	   </view>
	   <view class="row">
	   		<text class="txt">联系电话</text>
	   		<input class="inputs" type="text" placeholder="请输入联系号码" />
	   </view>
	   <view class="row">
	   		<text class="txt">选择省市区</text>
	   		<input class="inputs" disabled type="text" placeholder="请选择" />
	   </view>
	   
	   
	     <view class="rowt">
	     	<text class="txt">详细地址</text>
			<textarea class="mt-2"  placeholder="请输入可以联系到的详细地址" />
	     </view>
		 
		 <view @click="getStep" class="next-step">
		 	去支付
		 </view>
		 
	</view>
</template>

<script>
	export default {
		data(){
			return{
				num:1,
				numList: [{
					id:1,
					name: '选择时间'
				}, {
					id:2,
					name: '填写信息'
				}, {
					id:3,
					name: '支付方式'
				}, {
					id:4,
					name: '提交预约'
				}, ],
			}
		}
	}
</script>

<style lang="scss">
	
	page{
		background: #F1F5F8;
	}
	
.data-top{
	  width: 100%;
	  height: 175rpx;
	  background: #F1F5F8;
	  padding-top: 35rpx;
  }
  .row{
  	height: 90rpx;
  	width: 100%;
  	border-bottom: 1px solid #F4F5F6;
  	display: flex;
    align-items: center;
  	 justify-content: space-between;
  	 padding: 0 20rpx;
  	 // margin-top: 30rpx;
	 background: #FFFFFF;
  	 .txt{
  		 font-size: 28rpx;
  		 font-weight: bold;
  	 }
  	 .inputs{
  		 width: 200rpx;
		 text-align: right;
  	 }
  	 
  }
  .rowt{
	  
	  	height: 320rpx;
		background-color: #FFFFFF;
		padding: 0 20rpx;
		.txt{
		  	font-size: 28rpx;
		  	font-weight: bold;
		}
  }
  
  .next-step{
  	width: 680rpx;
  	height: 90rpx;
  	border-radius: 30rpx;
  	background: #3179F3;
  	color: #FFFFFF;
  	font-size: 32rpx;
      text-align: center;
  	line-height: 90rpx;
  	margin: 30rpx auto;
  }
</style>